@import "../node_modules/antd/dist/antd.less";
@import "./fix-theme.less";
body {
    background-color: #F3F6FC;
}

@blue-base: #2176ff;
@green-base: #4ABC5D;
@info-color: @blue-base;

// @alert
@alert-success-border-color: #77CD86;
@alert-success-bg-color: #E4F5E7;
@alert-info-border-color: ~`colorPalette('@{info-color}', 3) `;
@alert-info-bg-color: ~`colorPalette('@{info-color}', 1) `;
@alert-warning-border-color: #F6C272;
@alert-warning-bg-color: #FDF3E3;
@alert-warning-icon-color: #F3AD43;
@alert-error-border-color: #F37B7A;
@alert-error-bg-color: #FDE5E5;
@alert-error-icon-color: #EF4F4E;

.ant-alert-success .ant-alert-message {
    color: @green-base;
}
.ant-alert-info .ant-alert-message {
    color: @blue-base;
}
.ant-alert-warning .ant-alert-message {
    color: @alert-warning-icon-color;
}
.ant-alert-error .ant-alert-message {
    color: @alert-error-icon-color;
}


// @button
@btn-disable-bg: #F7F8FA;
@btn-disable-border: #F0F0F1;
.btn-default() {
    .button-variant-other(@btn-default-color; @btn-default-bg; @btn-default-border);
    &:hover,
    &:focus {
        text-decoration: none;
        background: @btn-default-bg;
    }
    &:active {
        color: @text-color;
        text-decoration: none;
        background: #EAEAEA;
        border-color: transparent;
    }
}
.button-variant-primary(@color; @background) {
    .button-color(@color; @background; @background);

    text-shadow: @btn-text-shadow;
    box-shadow: @btn-primary-shadow;

    &:focus {
        .button-color(@color; @background; @background);
    }
    &:hover {
      & when (@theme = dark) {
        .button-color(
          @color; #1C64D9; #1C64D9;
        );
      }
      & when not (@theme = dark) {
        .button-color(
          @color; #42baff; #42baff;
        );
      }
    }

    &:active {
      & when (@theme = dark) {
        .button-color(
            @color; #42baff; #42baff;
        );
      }
      & when not (@theme = dark) {
        .button-color(
            @color; #1C64D9; #1C64D9;
        );
      }
    }

    .button-disabled();
}
.btn-link() {
    .button-variant-other(@link-color, transparent, transparent);
    box-shadow: none;
    &:hover {
      background: #F1F2F4;
    }
    &:hover,
    &:focus,
    &:active {
      border-color: transparent;
    }
    &:active {
      background: #F2F3F5;
    }
    .button-disabled(@disabled-color; transparent; transparent);
}

// @pagination
.ant-pagination-item,
.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
    background-color: #F3F3FD;
    border-color: #F3F3FD;
    &-active,
    &:hover {
        a, span {
            color: #FFF;
        }
        background-color: @blue-base;
        border-color: @blue-base;
    }
}
.ant-pagination-prev,
.ant-pagination-next,
.ant-pagination-item {
    &.ant-pagination-disabled {
        .ant-pagination-item-link:hover {
            a, span {
                color: rgba(0, 0, 0, 0.25);
            }
            background-color: #F3F3FD;
            border-color: #F3F3FD;
        }
    }
}

// @radio-button
@radio-button-checked-bg: #DEEBFF;